<template>
	<view class="enter-page">
		<view class="enter-title">酒店入住</view>
		<view class="enter-content">酒店选择到店入住一步到位<br>让落脚无后顾之忧
		</view>
		<image src="/../static/reside.png"></image>
		<button class="start-btn" >立即开启</button>
	</view>
</template>

<script>
	export default{
		name:"enter-Component"
	}
</script>

<style>
	.enter-page{
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #CFECD0;
	}
	.enter-title{
		font-size: 100rpx;
		margin-top: 150rpx;
		font-weight: bold;
		display: flex;
		justify-content: center;
	}
	.enter-content{
		font-size: 30rpx;
		display: flex;
		justify-content: center;
		margin-top: 10rpx;
	}
	.enter-page image{
		margin-top: 190rpx;
		margin-left:80rpx;
	}
	.start-btn{
		width: 200rpx;
		margin-top: 100rpx;
		/* align-item: center; */
		border-radius: 30rpx ;
	}
</style>